
<!DOCTYPE html>
<html lang="en">
<head>

    <title>查询后的问题页面</title>
    <!-- 引入js文件 -->




    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3" />
    <meta http-equiv="description" content="This is my page" />
    <link rel="stylesheet"
          href="/resources/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript"
            src="/resources/jquery/jquery-1.11.0.min.js"></script>
    <script type="text/javascript"
            src="/resources/jquery/jquery-migrate-1.2.1.min.js"></script>
    <!-- 导入bootStrap的库 -->
    <script type="text/javascript"
            src="/resources/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript"
            src="/resources/easyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript"
            src="/resources/easyUI/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" href="/resources/easyUI/easyui.css">
    <script type="text/javascript" src="/resources/blockUI/jquery.blockUI.js"></script>



    <script type="text/javascript">


        $(function () {
            //弹框提示信息
            if("${tip}"){
                $.messager.show({
                    title:'添加用户',
                    msg:"<span style='color:red;'>${tip}</span>",
                    showType:'slide'
                });
            }
        })

        /** 文档加载完成*/
        $(function(){




            /** 用户界面效果开发  */
            /** 得到所有数据行的jquery对象 */
            var dataTrs = $("tr[id^='dataTr_']");
            dataTrs.hover(function(){
                $(this).css({backgroundColor: "#eeecdd" , cursor : "pointer"});         //如果被选中就是棕色背景
            },function(){
                // 判断这一行的单选是否被选中了,如果被选中不要恢复成白色背景
                // 得到当前行对应的单选的id
                var trBoxId = this.id.replace("dataTr_","box_");
                var trBox = $("#"+trBoxId);
                if(!trBox.attr("checked")){
                    $(this).css("backgroundColor","#ffffff");       /*没有被选中就是白色背景*/
                }
            });

            /** 全选  */
            /**得到所有数据行的选项按钮  */
            var dataBoxs = $("input[name='box'][id^='box_']");
            $("#checkAll").click(function(){
                dataBoxs.attr("checked",this.checked);
                /** 全选如果被选中,则所有行的背景色被选中 ,反之 */
                dataTrs.trigger(this.checked?"mouseover":"mouseout");
            });

            /** 如果没有全部选中那么全选按钮也应该不选中  */
            var boxSize = dataBoxs.length;
            /** 给每个单选绑定点击事件 */
            dataBoxs.on("click",function(event){
                /** 取消单选事件的传播,单选点击完成以后,事件就结束了 */
                event.stopPropagation();
                /** 拿到当前选中的单选 */
                var checkedBoxs = dataBoxs.filter(":checked");
                $("#checkAll").attr("checked",checkedBoxs.length == boxSize);
            });

            /** 为所有数据行绑定点击事件  */
            dataTrs.click(function(){
                /** 得到当前所点击行的对应单选按钮对象 */
                var trBoxId = this.id.replace("dataTr_","box_");
                var trBox = $("#"+trBoxId);
                trBox.trigger("click");
            });


            /** 批量绑定题目  */
            $("#BindUser").on("click",function(){
                /** 获取所有选中的数据行的id 传输到后台删除数据  */
                /** 拿到当前选中的单选 */
                var checkedBoxs = dataBoxs.filter(":checked");
                /** admin,liqin  */
                if(checkedBoxs.length > 0 ){
                    $.messager.confirm('提示', '您绑定该题目吗?', function(r){
                        if (r){
                            /** 真正删除:   */
                            var maps = checkedBoxs.map(function(){
                                return this.value;
                            });
//                            alert(maps.get());
//                           window.location = "/student/batchDeleteUser?ids="+maps.get();
                        <#--+"&pageIndex=${pageModel.pageIndex}&name=${user.name}&phone=${user.phone}&dept.id=${user.dept.id}&job.code=${user.job.code}"-->
                            $.ajax({
                                url: "/testPaper/bindProblem?testPaperId=${testPaperId}&ids="+ maps.get(),
                                async: true,
                                type: "POST",
                                data: {},
                                success: function (data) {
                                    alert(data);
                                    // 删除成功后刷新页面
                                    window.location.reload();                // 删除成功后刷新页面
                                },
                                error: function () {
                                    alert("请求失败");
                                },
                                dataType: "text"
                            });
                        }
                    });

                }else{
                    $.messager.alert("用户提示","请选择您要绑定的题目！","error");
                }
            })





        });

























        //校验上一页
        function  prePage() {
        <#--alert(${currPage-1});-->
            if(${currPage-1}==0){
                alert("已经是第一页了");
            }else{
                window.location = "/testPaper/showNotAllProblem/${currPage-1}/${pageSize}?testPaperId=${testPaperId}"
            }
        }

        //校验下一页
        function  nextPage() {
        <#--alert(${currPage-1});-->

        <#--alert(${currPage+1}*${pageSize}-${pageSize});-->
        <#--alert(${length});-->
            if(${currPage+1}*${pageSize}-${pageSize}>=${length}){
                alert("已经是最后一页了");
            }else{
                window.location = "/testPaper/showNotAllProblem/${currPage+1}/${pageSize}?testPaperId=${testPaperId}"
            }
        }





    </script>
</head>
<body style="overflow: hidden; width: 98%; height: 100%;" >



<div style="padding-top: 4px;padding-bottom: 4px;">

    <a  id="BindUser" class="btn btn-success"><span class="glyphicon glyphicon-copy"></span>&nbsp;绑定</a>



    <div class="panel panel-primary" style="padding-left: 10px;">
        <div class="panel-body" >
            <table class="table table-bordered">
                <thead>
                <tr style="font-size: 12px;" align="center">
                    <th style="text-align: center;"><input id="checkAll" type="checkbox" /></th>
                    <th style="text-align: center;">ID</th>
                    <th style="text-align: center;">题型</th>
                    <th style="text-align: center;">问题</th>
                    <th style="text-align: center;">选项</th>
                    <th style="text-align: center;">分值</th>
                </tr>
                </thead>

            <#list studentList as stu> <#--遍历stuList-->
                <tr id="" align="center">
                    <td><input type="checkbox" name="box" id="box_${stat.index}" value="${stu.id}" /></td>
                    <td>${stu.id}</td>
                    <td>${stu.type}</td>

                    <td><textarea wrap="hard" readonly> ${stu.question} </textarea> </td>
                    <td><textarea wrap="hard" readonly>${stu.options}</textarea> </td>
                    <td>${stu.score}</td>
                </tr>
            </#list>

            </table>


            <center>
            <#--上一页，下一页-->
                <input type="button" value="上一页" id="prePage" name="prePage" onclick="prePage()" >
                当前页是第${currPage}页，总共${total}页
                <input type="button" value="下一页" id="nextPage" name="nextPage" onclick="nextPage()" >
            </center>
        </div>

    </div>


</body>
</html>